<template>
<div class="home">
  <home-header></home-header>
  <home-swiper></home-swiper>
  <home-catalog></home-catalog>
  </div>
</template>

<script>
import homeHeader from './components/homeHeader'
import homeSwiper from './components/homeSwiper'
import homeCatalog from './components/homecatalog'
export default {
  name: 'Home',
  components:{
    homeHeader,
    homeSwiper,
    homeCatalog
  }
}
</script>

<style lang="stylus" scoped>
.home
   position:relative

.header
   position:absolute
   
   z-index:100
   width:100%
   
</style>
